.clearfix:after,
.clearfix:before {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  *zoom: 1
}

.fl {
  float: left
}

.fr {
  float: right
}

.finger {
  position: relative
}

.finger::after {
  content: '';
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url(https://picwx.suofeiya.com.cn/mall_images/Www/Public_1/atmosphere/images/icon-1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 30px;
  right: -3px;
  animation: floatRight 1s linear infinite
}

.modal-monthly {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none
}

.modal-monthly img {
  width: 100%
}

.modal-monthly.active {
  opacity: 1;
  display: block
}

.modal-monthly .modal-monthly-close:hover {
  transform: rotate(360deg)
}

.modal-monthly .modal-monthly-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.modal-monthly .modal-monthly-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.modal-monthly .modal-monthly-body {
  padding-top: 1px;
  width: 100%;
  position: relative;
  z-index: 4
}

.modal-monthly .modal-monthly-form form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.modal-monthly .modal-monthly-form form::-webkit-input-placeholder {
  color: #2a1508
}

.modal-monthly .modal-monthly-form form::-moz-placeholder {
  color: #2a1508
}

.modal-monthly .modal-monthly-form form:-moz-placeholder {
  color: #2a1508
}

.modal-monthly .modal-monthly-form form .form-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.modal-monthly .modal-monthly-form form .sel-box select {
  width: 100%;
  margin-bottom: 0
}

.modal-monthly .modal-monthly-form form .select-item li:last-child {
  margin-right: 0
}

.modal-monthly .modal-monthly-form form .select-item i {
  vertical-align: top
}

.modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a {
  display: inline-block;
  width: 100%;
  height: 100%
}

.modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a position:relative img {
  width: 100%
}

.modal-monthly1 .modal-monthly-close {
  top: 50px;
  right: 57px
}

.modal-monthly1 .modal-monthly-body {
  width: 100%;
  margin-left: 0
}

.modal-monthly1 .modal-monthly-btn-1 {
  margin-top: 427px;
  margin-left: 355px;
  width: 156px;
  cursor: pointer;
  position: relative
}

.modal-monthly2 .modal-monthly-close {
  top: 50px;
  right: 57px
}

.modal-monthly2 .modal-monthly-content {
  width: 666px;
  height: 560px
}

.modal-monthly3 .modal-monthly-close {
  width: 37px;
  top: -64px;
  right: -5px
}

.modal-monthly3 .modal-monthly-content {
  width: 611px;
  height: 527px;
  transform: translate(-50%, -50%) scale(.7)
}

@media screen and (min-width:1400px) and (max-width:1600px) {

  .clearfix:after,
  .clearfix:before {
    content: "";
    display: table
  }

  .clearfix:after {
    clear: both
  }

  .clearfix {
    *zoom: 1
  }

  .fl {
    float: left
  }

  .fr {
    float: right
  }

  .finger {
    position: relative
  }

  .finger::after {
    content: '';
    display: inline-block;
    width: 58.3333331px;
    height: 58.3333331px;
    background: url(https://picwx.suofeiya.com.cn/mall_images/Www/Public_1/atmosphere/images/icon-1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 24.9999999px;
    right: -2.49999999px;
    animation: floatRight 1s linear infinite
  }

  .modal-monthly {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none
  }

  .modal-monthly img {
    width: 100%
  }

  .modal-monthly.active {
    opacity: 1;
    display: block
  }

  .modal-monthly .modal-monthly-close:hover {
    transform: rotate(360deg)
  }

  .modal-monthly .modal-monthly-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .modal-monthly .modal-monthly-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .modal-monthly .modal-monthly-body {
    padding-top: .83333333px;
    width: 100%;
    position: relative;
    z-index: 4
  }

  .modal-monthly .modal-monthly-form form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .modal-monthly .modal-monthly-form form::-webkit-input-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form::-moz-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form:-moz-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form .form-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .modal-monthly .modal-monthly-form form .sel-box select {
    width: 100%;
    margin-bottom: 0
  }

  .modal-monthly .modal-monthly-form form .select-item li:last-child {
    margin-right: 0
  }

  .modal-monthly .modal-monthly-form form .select-item i {
    vertical-align: top
  }

  .modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a {
    display: inline-block;
    width: 100%;
    height: 100%
  }

  .modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a position:relative img {
    width: 100%
  }

  .modal-monthly1 .modal-monthly-close {
    top: 41.6666665px;
    right: 47.49999981px
  }

  .modal-monthly1 .modal-monthly-body {
    width: 100%;
    margin-left: 0
  }

  .modal-monthly1 .modal-monthly-btn-1 {
    margin-top: 355.83333191px;
    margin-left: 295.83333215px;
    width: 129.99999948px;
    cursor: pointer;
    position: relative
  }

  .modal-monthly2 .modal-monthly-close {
    top: 41.6666665px;
    right: 47.49999981px
  }

  .modal-monthly2 .modal-monthly-content {
    width: 554.99999778px;
    height: 466.6666648px
  }

  .modal-monthly3 .modal-monthly-close {
    width: 30.83333321px;
    top: -53.33333312px;
    right: -4.16666665px
  }

  .modal-monthly3 .modal-monthly-content {
    width: 509.16666463px;
    height: 439.16666491px;
    transform: translate(-50%, -50%) scale(.7)
  }
}

@media screen and (max-width:1400px) {

  .clearfix:after,
  .clearfix:before {
    content: "";
    display: table
  }

  .clearfix:after {
    clear: both
  }

  .clearfix {
    *zoom: 1
  }

  .fl {
    float: left
  }

  .fr {
    float: right
  }

  .finger {
    position: relative
  }

  .finger::after {
    content: '';
    display: inline-block;
    width: 51.04166667px;
    height: 51.04166667px;
    background: url(https://picwx.suofeiya.com.cn/mall_images/Www/Public_1/atmosphere/images/icon-1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 21.875px;
    right: -2.1875px;
    animation: floatRight 1s linear infinite
  }

  .modal-monthly {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none
  }

  .modal-monthly img {
    width: 100%
  }

  .modal-monthly.active {
    opacity: 1;
    display: block
  }

  .modal-monthly .modal-monthly-close:hover {
    transform: rotate(360deg)
  }

  .modal-monthly .modal-monthly-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .modal-monthly .modal-monthly-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .modal-monthly .modal-monthly-body {
    padding-top: .72916667px;
    width: 100%;
    position: relative;
    z-index: 4
  }

  .modal-monthly .modal-monthly-form form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .modal-monthly .modal-monthly-form form::-webkit-input-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form::-moz-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form:-moz-placeholder {
    color: #2a1508
  }

  .modal-monthly .modal-monthly-form form .form-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .modal-monthly .modal-monthly-form form .sel-box select {
    width: 100%;
    margin-bottom: 0
  }

  .modal-monthly .modal-monthly-form form .select-item li:last-child {
    margin-right: 0
  }

  .modal-monthly .modal-monthly-form form .select-item i {
    vertical-align: top
  }

  .modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a {
    display: inline-block;
    width: 100%;
    height: 100%
  }

  .modal-monthly .modal-monthly-form form .sign_btn_monthly cursor:pointer a position:relative img {
    width: 100%
  }

  .modal-monthly1 .modal-monthly-close {
    top: 36.45833333px;
    right: 41.5625px
  }

  .modal-monthly1 .modal-monthly-body {
    width: 100%;
    margin-left: 0
  }

  .modal-monthly1 .modal-monthly-btn-1 {
    margin-top: 311.35416667px;
    margin-left: 258.85416667px;
    width: 113.75px;
    cursor: pointer;
    position: relative
  }

  .modal-monthly2 .modal-monthly-close {
    top: 36.45833333px;
    right: 41.5625px
  }

  .modal-monthly2 .modal-monthly-content {
    width: 485.625px;
    height: 408.33333333px
  }

  .modal-monthly3 .modal-monthly-close {
    width: 26.97916667px;
    top: -46.66666667px;
    right: -3.64583333px
  }

  .modal-monthly3 .modal-monthly-content {
    width: 445.52083333px;
    height: 384.27083333px;
    transform: translate(-50%, -50%) scale(.7)
  }
}

@media screen and (max-width:860px) {
  html {
    font-size: 860px
  }
}

.blink {
  animation: blink 1s ease infinite
}

.scale {
  animation: scale 1s ease infinite
}

.hvr-buzz-out {
  animation: hvr-buzz-out 2s ease infinite
}

.float {
  animation: float 1.5s ease infinite
}

.bgSize {
  background-size: 100% 100%
}

@keyframes scale {

  0%,
  100% {
    -webkit-transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.9)
  }
}

@keyframes floatRight {

  0%,
  100% {
    transform: translate(5px, 5px)
  }

  50% {
    transform: translate(-5px, -5px)
  }
}

.popup-title {
  background: #fff
}

.popup-content {
  padding-top: 30px !important
}

.popup-content .info {
  text-align: center
}

body.active #defaultBox {
  display: none !important
}

.popup-content .submit .btn {
  box-sizing: border-box
}